<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>杨青个人博客 - 一个站在web前端设计之路的女技术员个人博客网站</title>
    <meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青"/>
    <meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。"/>
    <link th:href="@{/css/base.css}" rel="stylesheet">
    <link th:href="@{/css/about.css}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script th:src="@{/js/modernizr.js}"></script>
    <![endif]-->
    <script th:src="@{/js/scrollReveal.js}"></script>
</head>
<body>
<div th:include="header"></div>
<article>
    <div class="container">
        <div class="banner">
            <p data-scroll-reveal="enter top over 2s">我们不停的翻弄着回忆，却再也找不回那时的自己</p>
            <p data-scroll-reveal="enter left over 2s after 1s">人生，是一场盛大的遇见。若你懂得，就请珍惜。</p>
            <p data-scroll-reveal="enter bottom over 2s after 2s">无论下多久的雨，最后都会有彩虹；无论你多么悲伤，要相信幸福在前方等候.</p>
        </div>
        <div class="about left">
            <h2>用户登陆</h2>
            <ul>
                <p>
                    手机号：<input type="text" id="mobile" name="mobile">
                <p>
                <p>
                    密 &nbsp;&nbsp; 码：<input type="password" id="password" name="password">
                </p>
                <p>
                    <button>登&nbsp;&nbsp;录</button>
                </p>
            </ul>
        </div>
    </div>
    </aside>
</article>
<footer> Design by DanceSmile <a href="/">蜀ICP备11002373号-1</a></footer>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        (function () {
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    }
    ;
</script>
</body>
</html>
